<template>
  <div @click="div">
   <a @click="fn" href="https://www.jianfast.com/?ext=ch">去百度</a><br>
   <a  @click="fn2(100,$event)" href="https://www.baidu.com">去百度</a><br>
  
  
  <!-- @事件类型.修饰符="事件处理函数" -->
    <a @click.stop.prevent="fn3" href="https://www.baidu.com">去百度</a><br>
 
 <!-- @事件类型.prevent 只阻止默认行为 -->
   <a @click.prevent href="https://www.baidu.com">去百度</a>
  </div>
</template>

<script>
export default{
  data(){
    return{
     
    }
  },
  methods:{
    fn(e){
      console.log('做一些事情,不要1去百度');
      e.preventDefault()
    },
    fn2(num,e){
      console.log(num);
      e.preventDefault()
    },
    fn3() {
      // 没有阻止默认行为
      console.log('我要做事情')
    },
    btn() {
      console.log('按钮被点了')
      // e.stopPropagation()
    },
    div() {
      console.log('div 被点了')
    }
  }

}

</script>

<style>

</style>
